<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据</title>
		<!-- 引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入通用样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 引入当前样式 -->
		<link rel="stylesheet" href="../css/API-details.css" />
	</head>
	<body class="rel">
		<!-- 头部 -->
		<header class="flex-b abs">
			<!-- logo -->
			<div id="logo">
				<h1 class="flex-y"><a href="../html/index.html"> index.html </a></h1>
			</div>
			<!-- 中间导航栏 -->
			<div id="nav1">
				<span class="click">首页</span>
				<span class="click">API</span>
				<span class="click">云服务</span>
				<span class="click">案例</span>
				<span class="click">开发者</span>
			</div>
			<!-- 右侧按钮 -->
			<div class="flex-y" id="btn1">
				<span class="click">登录</span>
				<span class="click">注册有礼</span>
			</div>
		</header>
		<div id="header-low"></div>
		<!-- 主体 -->
		<main>
			<!-- 身份证实名 -->
			<section id="id-box" class="rel">
				<div id="mydiv" class="rel"></div>
				<div class="container b-box abs flex-s">
					<!-- 左侧身份证图片的盒子 -->
					<div id="id-box1">
						<img src="../imgs/API11.jpg" alt="" />
						<div class="text-c">
							<div>
								<img src="../imgs/API_smallicon_01.jpg" alt="" />
								<p>103</p>
							</div>
							<div>
								<img src="../imgs/API_smallicon_02.jpg" alt="" />
								<p>14245</p>
							</div>
							<div>
								<img src="../imgs/API_smallicon_03.jpg" alt="" />
								<p>623</p>
							</div>
						</div>
					</div>
					<!-- 右侧文字部分 -->
					<div id="id-box2">
						<!-- 第一行 -->
						<h1>身份证实名认证 <span>支持HTTPS</span><span>企业专用</span></h1>
						<!-- 第二行 -->
						<p class="flex-s">
							<span class="flex-s flex-y">
								<img src="../imgs/API03.jpg" alt="" class="" />
								<span>限企业实名用户使用</span>
							</span>
							<span class="flex-s flex-y">
								<img src="../imgs/API08.jpg" alt="" class="" />
								<span>本地接口需提供应用场景审核</span>
							</span>
							<span class="flex-s flex-y">
								<img src="../imgs/API详情页_05.jpg" alt="" class="" />
								<span>个人实名用户无法使用</span>
							</span>
						</p>
						<!-- 第三行 -->
						<p>检测姓名和身份证号是否一致，身份验证</p>
						<!-- 第四行 -->
						<p id="select">
							<span class="flex-x rel">
								<img src="../imgs/API详情页_17.jpg" alt="" />
								扫码测试
								<span class="abs flex-w flex-y" id="weichat">
									<img src="../imgs/wechat-white.png" alt="" />
									<br />
									请扫码关注
								</span>
							</span>
							<!-- <span class="rel click span"
								>4000次 <img src="../imgs/select.png" alt="" class="abs" />
							</span>
							<span class="rel span"
								>8000次 <img src="../imgs/select.png" alt="" class="abs" />
							</span>
							<span class="rel span"
								>40000次 <img src="../imgs/select.png" alt="" class="abs" />
							</span> -->
						</p>
						<!-- 第五行 -->
						<p id="price">
							<strong>￥1200</strong>
							约（0.3000元/次），仅限企业实名购买；
						</p>
						<!-- 第六行 -->
						<button class="text-c">立即申请</button>
					</div>
				</div>
			</section>
			<!-- tab区 -->
			<section id="h">
				<!-- 上面分区 -->
				<div id="top-tab">
					<div class="container flex-s">
						<div><span class="rel active1">API文档</span></div>
						<div><span class="rel">错误代码参照</span></div>
						<div><span class="rel">示例代码</span></div>
						<div><span class="rel">联系我们</span></div>
					</div>
				</div>
				<!-- 下面分区 -->
				<div class="container">
					<div class="rel">
						<!-- 左侧内容 -->
						<!-- 第一个内容 -->
						<article>
							<div id="article1">
								<p>接口地址：http://op.juhe.cn/idcard/query</p>
								<p>返回格式：json</p>
								<p>请求方式：http get/post</p>
								<p>
									请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
								</p>
								<p>接口备注：error_code为0时计费</p>
								<button class="text-c">API测试工具</button>
							</div>
							<div id="article2"></div>
						</article>
						<!-- 第二个内容 -->
						<article id="article2" class="article">
							<!-- 请求参数说明 -->
							<div>请求参数说明：</div>
							<table id="table1">
								<tr>
									<th>名称</th>
									<th>必填</th>
									<th>类型</th>
									<th>说明</th>
								</tr>
								<tr>
									<td>idcard</td>
									<td>是</td>
									<td>string</td>
									<td>身份证号码</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>是</td>
									<td>string</td>
									<td>姓名(UTF-8)</td>
								</tr>
								<tr>
									<td>orderid</td>
									<td>否</td>
									<td>int</td>
									<td>传1时返回单号，默认不返回单号(建议传入)</td>
								</tr>
								<tr>
									<td>key</td>
									<td>是</td>
									<td>string</td>
									<td>在个人中心->我的数据,接口名称上方查看</td>
								</tr>
							</table>
						</article>
						<!-- 第三个内容 -->
						<article id="article3" class="article">
							<div>返回参数说明:</div>
							<table id="table2">
								<tr>
									<th>名称</th>
									<th>类型</th>
									<th>说明</th>
								</tr>
								<tr>
									<td>error_code</td>
									<td>int</td>
									<td>返回码</td>
								</tr>
								<tr>
									<td>reason</td>
									<td>string</td>
									<td>返回说明</td>
								</tr>
								<tr>
									<td>result</td>
									<td>object</td>
									<td>返回结果集</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>string</td>
									<td>属result,真实姓名</td>
								</tr>
								<tr>
									<td>idcard</td>
									<td>string</td>
									<td>属result,身份证号</td>
								</tr>
								<tr>
									<td>res</td>
									<td>int</td>
									<td>属result,匹配详情,1匹配,2不匹配</td>
								</tr>
							</table>
						</article>
						<!-- 第四个内容 -->
						<article id="article4" class="article rel">
							<div>
								JSON返回示例: <span class="abs"> JSON在线格式化工具</span>
							</div>
							<div id="js">
								<p>{</p>

								<p>"reason": "成功",</p>

								<p>"result": {</p>

								<p>"realname": "***",/*真实姓名*/</p>

								<p>"idcard": "******************",/*身份证号码*/</p>

								<p>"orderid":"J103202010151450419556",/*流水号*/</p>

								<p>"res": 1 /*1：匹配 2：不匹配*/</p>

								<p>},</p>

								<p>"error_code": 0</p>

								<p>}</p>
							</div>
						</article>
						<!-- 第五个 -->
						<article id="article5" class="article rel">
							<h1>打给我：110</h1>
						</article>
						<!-- 右侧侧边栏 -->
						<aside class="abs">
							<div id="box-top">
								<p>活动推荐/Activity</p>
								<img src="../imgs/sfz-aside1.png" alt="" />
								<img src="../imgs/details-aside02.png" alt="" />
								<img src="../imgs/details-aside03.png" alt="" />
							</div>
							<div id="box-bot">
								<p>猜你喜欢</p>
								<div class="flex-s">
									<div></div>
									<div>
										<h3>短信API服务</h3>
										<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
									</div>
								</div>
								<div class="flex-s">
									<div></div>
									<div>
										<h3>银行卡四元素校验</h3>
										<p>
											检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
										</p>
									</div>
								</div>
								<div class="flex-s">
									<div></div>
									<div>
										<h3>身份证查询</h3>
										<p>身份证归属地信息查询身份证归属地信息查询</p>
									</div>
								</div>
								<div class="flex-s">
									<div></div>
									<div>
										<h3>身份证OCR识别</h3>
										<p>
											支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
											身份证号、签发机关、有效期限，准确率98%以上
										</p>
									</div>
								</div>
								<div class="flex-s">
									<div></div>
									<div>
										<h3>三网手机实名制认证</h3>
										<p>
											支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
										</p>
									</div>
								</div>
							</div>
						</aside>
					</div>
				</div>
			</section>
			<!-- 免费试用 -->
			<section id="box7" class="">
				<div class="container text-c">
					<h1>现在注册，百款接口免费测试</h1>
					<button>立即体验</button>
				</div>
			</section>
		</main>
		<footer>
			<!-- 版心 -->
			<div class="container">
				<!-- 上部分 -->
				<div id="top" class="flex-b">
					<!-- 左边部分 -->
					<div id="left" class="flex-b">
						<div>
							<h3>联系与支持</h3>
							<p>400-882-7715</p>
							<p>售前咨询</p>
							<p>客服&售后</p>
							<p>常见问题</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
						</div>
						<div>
							<h3>关于源码</h3>

							<p>服务条款</p>
							<p>隐私政策</p>
							<p>常见问题</p>
							<p>市场合作</p>
							<p>反商业贿赂声明</p>
						</div>
						<div>
							<h3>快速入口</h3>

							<p>黑钻会员</p>
							<p>客服&售后</p>
							<p>新闻动态</p>
							<p>联系我们</p>
							<p>加入我们</p>
						</div>
						<div>
							<h3>产品服务</h3>

							<p>云监测</p>
							<p>云查询</p>
							<p>云助手</p>
							<p>聚盒子</p>
							<p>云充值</p>
						</div>
						<div>
							<h3>解决方案</h3>

							<p>数字中台</p>
							<p>慧集：API生命周期管理</p>
							<p>有赢：助力企业营销</p>
						</div>
					</div>
					<!-- 右边部分 -->
					<div id="right">
						<h3>微信公众号</h3>
						<p>源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
				</div>
				<!-- 下部分 -->
				<div id="button" class="flex-b">
					<div>
						<img src="../imgs/bei1.png" alt="" />
						<img src="../imgs/bei2.png" alt="" />
						&nbsp;
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</div>
					<div>源码大数据股份有限公司©版权所有</div>
				</div>
			</div>
			<!-- 回到顶部按钮 -->
			<img src="../imgs/up.png" alt="" id="up" />
		</footer>

		<!-- 引入工具util.JS -->
		<script src="../js/util.js"></script>
		<!-- 引入头部粒子效果背景图的JS -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 引入index的JS -->
		<script src="../js/API-details.js"></script>
	</body>
</html>
